<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	 <meta http-equiv="content-type" content="text/html;charset=utf-8">
  <script type="text/javascript" src="../js/jquery-easyui-1.3/jquery-1.7.2.min.js" charset="utf-8"></script>
  <script type="text/javascript" src="../js/jquery-easyui-1.3/jquery.easyui.min.js" charset="utf-8"></script>
  
  <link rel="stylesheet" href="../js/jquery-easyui-1.3/themes/default/easyui.css" type="text/css"></link>
  
  <link rel="stylesheet" href="../js/jquery-easyui-1.3/themes/icon.css" type="text/css"></link>
  
  <script type="text/javascript" src="../js/jquery-easyui-1.3/locale/easyui-lang-zh_CN.js" charset="utf-8"></script></head>
</head>
<body>
<script type="text/javascript" charset="UTF-8">
var datagrid = $('#datagrid').datagrid({
	url: '../user/users.do',
	title: '测试',
	iconCls : 'icon-save',
	pagination : true,
	pageSize : 10,
	pageList : [ 10, 20, 30, 40, 50 ],
	fit : true, //宽高自适应
	fitColumns : true, //false会根据页面大小出现滚动条，true不会出现滚动条,根据页面自适应列宽
	sortName :'sUsercode',
	nowrap : false,//是否折行 true 不会折行，每一行高度一样,false会折行,每行高度不同 字段内容需要有可折行的符号(空格,符号类)
	border : false,//是否有边框 false 没有 true 有边框
	idField: 'sUsercode',//标识哪一列为标识列
	loadMsg:'正在加载...',//默认显示正在处理,可以自己设置
	columns : [ [ {
				title : '用户ID',
				field : 'susercode',
				width : 150
			}, {
				title : '用户名',
				field : 'susername',
				width : 150
			}, {
				title : '密码',
				field : 'suserpassword',
				width : 100
			} ] ]
});
</script>
<div class="easyui-tabs" fit="true" border="false">
<div title="测试" border="false">
<table id="datagrid"></table>
</div>
</div>
</body>